<template>
  <div id="view-my">
    <Aside
      :menuItems="[
        {
          link: 'info',
          iconType: 'user',
          iconTheme: 'outlined',
          name: '个人信息',
        },
        {
          link: 'published',
          iconType: 'fire',
          iconTheme: 'filled',
          name: '已发布',
        },
        {
          link: 'joined',
          iconType: 'fire',
          iconTheme: 'filled',
          name: '已参加',
        },
      ]"
    >
      <router-view></router-view>
    </Aside>
  </div>
</template>

<script>
import Aside from "../../components/aside/aside.vue";
// import MyInfo from "./my_info";

export default {
  name: "My",
  components: {
    Aside,
    // MyInfo,
  },
};
</script>

<style lang="less" scoped>
.center() {
  align-items: center;
  justify-content: center;
}
#view-my {
  height: 100%;
  width: 100%;
}

.my-info-container {
  width: 100%;
  height: 100%;
  display: flex;
  .center();
}
</style>>
